<html>
<head>
<title>首页</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<link href="inc/bootstrap/css/bootstrap.css" media="all" rel="stylesheet" type="text/css"/>
<script src="inc/LAB.min.js" type="text/javascript"></script>

<script type="text/template" id="menu_template">
    <li class=""><a href="#${attributes.path}"></a>${attributes.name}</li>
</script>
<script type="text/template" id="star_people_tmpl">
    <li class="span3">
    <a class="thumbnail" href="people.html#people/${cid}">
    <img alt="" src="${attributes.img_url}" style="width: 230px; height: 160px">
    </a>
    <table width="100%"><tr><td><p>${attributes.name}</p></td><td align="right"><p>${attributes.desc}</p></td></tr></table>
    </li>
</script>
</head>
<body>

<div class="container">
<!-- 导航 START -->
                <div class="row">
                    <div class="span8">
                        <h1>TourBook</h1><span class="label label-info">Tour with a local</span>
                    </div>
                    <div class="span4">
                        <a href="">登录</a>
                        <a href="">注册</a>
                        <a href=""><img src="img/sina.png" /> 微博登录</a>
                        <a href=""><img src="img/qq.png" /> QQ登录</a>
                        <a href=""><img src="img/taobao.png" /> 淘宝登录</a>
                    </div>
                </div>

                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="container">
                            <ul class="nav">
                                <li class="active">
                                    <a href="index.html">首 页</a>
                                </li>
                                <li>
                                    <a href="go.html">我要去</a>
                                </li>
                                <li>
                                    <a href="people.html">我要找导游</a>
                                </li>
                                <li>
                                    <a href="#">我的TourBook</a>
                                </li>
                            </ul>
                            <form class="navbar-search pull-left">
                                <input type="text" class="search-query" style="height:25px" placeholder="目的地/导游">
                            </form>
                        </div>
                    </div>
                </div>
                
      <div id="people_index_div" style="display:none">
        <div class="row">
            <div class="span12">
                <ul class="thumbnails" id="star_people">
                    <!-- 明星导游开始 读取JSON数据, 动态生成 -->
                </ul>
            </div>
        </div>
    </div>
                <div width=100%>
  <table width="960" border="0">
    <tr>
      <td height="40" colspan="6"><blockquote>
        <p class="STYLE1">最受欢迎的目的地</p>
        </blockquote></td>
    </tr>
    <tr>
      <td width="160"><div align="center">
        <p><img src="images/index/destination1.jpg" alt="destination" width="120" height="80" /></p>
        <p>西藏</p>
      </div></td>
      <td width="160"><p align="center"><img src="images/index/destination1.jpg" alt="destination" width="120" height="80" /></p>
      <p align="center">西藏</p></td>
      <td width="160"><p align="center"><img src="images/index/destination1.jpg" alt="destination" width="120" height="80" /></p>
      <p align="center">西藏</p></td>
      <td width="160"><p align="center"><img src="images/index/destination1.jpg" alt="destination" width="120" height="80" /></p>
      <p align="center">西藏</p></td>
      <td width="160"><p align="center"><img src="images/index/destination1.jpg" alt="destination" width="120" height="80" /></p>
      <p align="center">西藏</p></td>
      <td width="160"><p align="center"><img src="images/index/destination1.jpg" alt="destination" width="120" height="80" /></p>
      <p align="center">西藏</p></td>
    </tr>
  </table>
</div>
<div width=100%>
  <table width="100%" border="0">
    <tr>
      <td height="40" colspan="6"><blockquote class="STYLE1">会员最新出行计划</blockquote></td>
    </tr>
    <tr>
      <td width="30%">
      <p align="center"><img src="images/index/people1.jpg" alt="people" width="160" height="160" /></p>
      <p align="center" class="STYLE2">湘相大叔 <span class="STYLE3">2012-04-06</span></p></td>
      <td width="20%"><p><img src="images/index/project1.jpg" alt="project" width="201" height="101" /></p></td>
      <td width="30%"><p align="center"><img src="images/index/people1.jpg" alt="people" width="160" height="160" /></p>
      <p align="center" class="STYLE2">湘相大叔 <span class="STYLE3">2012-04-06</span></p></td>
      <td width="20%"><img src="images/index/project1.jpg" alt="project" width="201" height="101" /></td>
    </tr>
  </table>
</div>

<!-- 导航 END -->

<script type="text/javascript">
$LAB
.script("inc/jquery-1.7.2.min.js").wait()
.script("inc/jquery.tmpl.js")
.script("inc/jquery.json-2.3.js")
.script("inc/jstorage.js")
.script("inc/underscore.js")
.script("inc/bootstrap/js/bootstrap.js")
.script("inc/backbone.js").wait()
.script("src/index.js").wait();
</script>
</div>
</body>
</html>